.container{
    margin-top:10px;
    height: 800px;
    // border: 1px solid black;
    background: white;
    .title{
        height: 50px;
        border-bottom: 1px solid grey;
        .left{
            float: left;
            font-size: 20px;
            font-weight: bold;
            margin-left: 10px;
            margin-top: 1%;

        }
        .right{
            float: right;
            font-size: 12px;
            // font-weight: bold;
            margin-right: 10px;
            margin-top: 1.5%;
            cursor:pointer; 
            color: grey;
        }
    }
    .content{
        height: 90%;
        width: 100%;
        display: flex;
        .left{
            // border: 1px solid black;
            height: 100%;
            width: 65%;
            overflow-y:auto;

            padding: 2%;
            .top{
                height: 15%;
                width: 100%;
                background: rgb(239,240,244);
                .title_one{
                    // border: 1px solid grey;
                    height: 100%;
                    width: 50%;
                    float: left;
                    padding-left: 12%;
                    .number{
                        font-size: 40px;
                        font-weight: bold;
                        color: rgb(24,144,255);
                    }
                    .data{
                        font-size: 20px;
                        font-weight: bold;
                    }
                }
                .title_two{
                    // border: 1px solid grey;
                    height: 100%;
                    width: 50%;
                    float: right;
                    padding-left: 12%;
                    .number{
                        font-size: 40px;
                        font-weight: bold;
                        color: rgb(24,144,255);
                    }
                    .data{
                        font-size: 20px;
                        font-weight: bold;
                    }
                }
            }
            .bottom{
                // border: 1px solid black;
                height: 75%;
                width: 100%;
            }
        }
        .right{
            // border: 1px solid black;
            height: 100%;
            width: 35%;
            .top{
                // border: 1px solid black;
                height: 20%;
                width: 90%;
                margin-top: -5%;
                .buttonSign{
                    height: 45%;
                    width: 70%;
                    padding-left: 14%;
                    margin-top: 12%;
                    margin-left: 15%;
                    background: #e8f3ff;
                    font-size: 200%;
                    display: flex;
                    color: #1890ff;
                }
            }
            .bottom{
                margin-top: 30%;
                height: 20%;
                width: 100%;
                // border: 1px solid black;

                padding: 4px;
                background: rgb(239,240,244);
                .title_three{
                    color: #1890ff;
                    font-size: 36px;
                    font-weight: 200;
                }
                .title_four{
                    color: gray;
                }

            }
            .photo{   
                // border: 1px solid black;

                height: 20%;
                width: 100%;
                background-image: url(./sign.png);
                background-size:100% 100%;   
                margin-top: 7%; 
            }
        }
    }
}
:global {

    .ant-tabs-tab + .ant-tabs-tab {
      margin: 0 0 0 13px;
    }
  }


  .cal{
    border-radius:20px;
     :global{
       .ant-picker-body {
           border-radius:20px;
           padding:0px !important;
       }
       .ant-picker-content {
           border-radius:20px;
       }
       .ant-picker-date-panel{
           border-radius:20px !important;
           padding:20px 20px 0px 20px;
       }
       .ant-picker-cell{
         width:30px;
         height:40px;
       }
       .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content{
         height:30px;
       }
       .ant-picker-calendar ant-picker-calendar-full{
         box-shadow: 0 5px 5px #888;
         border-radius:20px;
       }
       .ant-picker-calendar-header{
         padding-right:10px;
         border-radius:20px;
         background: transparent !important;
       }
       .ant-picker-calendar{
         background: transparent;
       }
       tbody tr:nth-child(6){
           display:none;
       }
       tbody{
         border-radius:20px;
       }
       thead{
         border-radius:10px;
       }
       .ant-picker-calendar-full .ant-picker-panel {
         border-radius:20px;
         box-shadow: 0 5px 5px #888;
       }
     }
   
   }